<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //1.建立链接
    var ws = new WebSocket("wss://echo.websocket.org");
    //2.当建立成功 触发open事件
    ws.onopen = function(evt) { 
      console.log("连接成功 ..."); 
      ws.send("Hello WebSockets!");
    };

    //给对方发消息：ws.send()
    //接收对方给你的任何消息 message事件



    //当接收到对方发送的消息 触发message 事件
    //evt.data 获取对方发送的数据内容
    ws.onmessage = function(evt) {
      console.log( "Received Message: " + evt.data);
      ws.close();
    };


    //当不需要通信的时候，可以手动关闭
    //ws.close()

    //当链接断开时 触发close事件
    ws.onclose = function(evt) {
      console.log("Connection closed.");
    }; 

  </script>
</body>
</html>